
<!-- tpl-outlet.component.html -->
<!--<div class="outlet">-->
<!--  <h2>NgTemplateOutlet</h2>-->
<!--  <div class="content">-->
<!--    &lt;!&ndash; 渲染内容为render的值或者默认内容 &ndash;&gt;-->
<!--    <ng-container [ngTemplateOutlet]="render || render"></ng-container>-->
<!--  </div>-->
<!--</div>-->

<div class="outlet">
  <h2>子组件的内容NgTemplateOutlet</h2>
  <div class="content">
    <ng-container [ngTemplateOutlet]="render" [ngTemplateOutletContext]="ctx"></ng-container>

    <ng-container *ngTemplateOutlet="render || defaultTpl; context: ctx2"></ng-container>
  </div>
</div>

<ng-template #defaultTpl>
  <p>组件默认内容</p>
</ng-template>
